@media (max-width: 780px){
    /*清除元素默认的内外边距  */
    /* 公共 */
    @charset 'utf-8';

    * {
        margin: 0;
        padding: 0;
        /*box-sizing: border-box;*/
    }

    /* CSS Document */
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    form,
    fieldset,
    input,
    textarea,
    p,
    blockquote,
    th,
    td,
    img {
        padding: 0;
        margin: 0;
    }

    fieldset,
    img {
        border: 0;
    }

    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var,
    i {
        font-weight: normal;
        font-style: normal;
    }

    ol,
    ul,
    li {
        list-style: none;
    }

    caption,
    th {
        text-align: left;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
        font-size: 100%;
    }

    q:before,
    q:after {
        content: '';
    }

    abbr,
    acronym {
        border: 0;
    }

    /*-- All --*/
    html {
        /*min-width: 1150px;*/
    }

    a {
        color: #333;
        text-decoration: none;
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }

    button,
    input {
        font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', sans-serif;
    }

    body {
        background-color: #fff;
        font: 16px 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', sans-serif;
        color: #333333;
        overflow-x: hidden;
    }

    .hide,
    .none {
        display: none;
    }

    .fr {
        float: right;
    }

    .fl {
        float: left;
    }

    /*清除浮动*/
    .clearfix:after {
        visibility: hidden;
        clear: both;
        display: block;
        content: '.';
        height: 0
    }

    .maxW {
        max-width: 1200px;
        margin: 0 auto;
    }

    .headerAll2 {
        padding: 0px 10px;
    }

    .headerAll2 .headertopLeftspan {
        font-size: 16px;
        color: #fff;
    }

    .headerAll2 .headertopLeft {
        margin: 10px 0px;
    }

    .headerAll2 .headertopRight {
        margin: 10px 0px;
    }

    .headerAll2 .headertopAll {
        background-color: #1e6abe;
    }

    .headerAll2 .zt {
        float: left;
    }

    .headerAll2 .zt a {
        font-size: 16px;
        color: #fff;
    }

    .headerAll2 .after {
        display: inline-block;
        height: 13px;
        margin: -2px 15px;
        border: 1px solid #fff;
    }

    .headerbottom {
        overflow: hidden;
    }

    .headerAll2 .headerbottomAll {
        background-image: url(../images/sy/toububg_app.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /*height: 275px;*/
    }

    .headerAll2 .headerbottomLeft {
        margin-top: 30px;
        display: flex;
        flex-direction: row;
    }

    .headerAll2 .ghtitle {
        margin-top: 30px;
    }

    .headerAll2 .gh {
        margin: 0px 15px 0px 0px;
    }

    .headerAll2 .ghtitle img {
        width: 100%;
    }

    .headerAll2 .headerbottomRight {
        width: 90%;
    }

    .headerAll2 .input {
        margin: 50px 0px 0px 15px;
        width: 100%;
        position: relative;
    }

    .headerAll2 .input input {
        width: 92%;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 25px;
        padding: 0px 10px;
        outline: none;
    }

    .headerAll2 .searchTb {
        background-image: url(../images/sy/toubusousuo.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 12px;
        right: 20px;
        cursor: pointer;
    }
.headerbottomNav {
    background: #2080cb;
}
    .headerAll2 .headerbottomNav .headerbottomNavlispan {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 56px;
    }

    .headerAll2 .headerbottomNav .headerbottomNavul {
        margin-top: 50px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .headerAll2 .headerbottomNav .headerbottomNavli {
    /* padding: 7px 0px; */
    box-sizing: border-box;
    width: 33%;
    /* margin-left: 25px; */
    float: left;
    height: 56px;
    }

    .headerAll2 .headerbottomNavliimg {
        margin-right: 10px;
        margin-bottom: -4px;
    }

    .headerAll2 .headerbottomNav .headerbottomNavli.active a{
        color: #cd3832 !important;
    }

    .headerAll2 .navline {
        height: 5px;
        border: 1px solid #1e6abe;
        margin-top: 30px;
        background-color: #1e6abe;
    }
  }